import Vue from 'vue'
import App from './App.vue'
import router from './router'
import axios from 'axios'
import './plugins/element.js'
import './assets/fonts/iconfont.css' // 引入字体图标样式
import './style/style.less' //  引入自己书写的样式
import dayjs from 'dayjs' // 非常好用的时间处理包

// dayjs()  获取当前时间变成 dayjs规定的对象
// dayjs().format()  将该对象格式化成对应日期格式
Vue.filter('formate', (val, pix = 'YYYY-MM-DD HH:mm:ss') => {
  return dayjs(val * 1000).format(pix)
})

Vue.config.productionTip = false
// 我们可以把所有组件都想得到的东西挂载到vue的原型上面
// 创建axios实例对象
const $axios = axios.create({
  // baseURL: 'http://122.51.249.55:5000/api/private/v1/',
  baseURL: process.env.VUE_APP_APIURL,
  timeout: 5000
})
// 请求拦截器
$axios.interceptors.request.use(
  config => {
    const user = localStorage.getItem('HEIMA_SHOP_USER')
    // 判断是否登录了
    if (user) {
      // 解构出token
      const { token } = JSON.parse(user)
      // 请求头携带token
      config.headers.Authorization = token
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 将实例对象挂载到vue的原型上面
Vue.prototype.$axios = $axios

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
